.columnCommonStylesWrap{
    width: 100%;
    min-height: 624px;
}
.columnCommonStylesWrap>div{
    width: 1200px;
    margin:0px auto;
}
.columnCommonStylesWrap>div .columnCommonStylesLeft{
    width: 220px;
    min-height: 187px;
    background-color: #fff;
}
.columnCommonStylesWrap>div .columnCommonStylesLeft ul{
    padding:16px;
}
.columnCommonStylesWrap>div .columnCommonStylesLeft ul li{
    width: 188px;
    height: 32px;
    line-height: 34px;
    text-align: left;
    padding-left:30px;
    font-size: 14px;
    font-weight: 400;
    color: #3e464c;
    margin-bottom: 8px;
    cursor: pointer;
    background-color: #F6F8FB;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.columnCommonStylesWrap>div .columnCommonStylesLeft ul li:last-child{
    margin-bottom: none;
}
.columnCommonStylesActive{
    background-color: #167AE0;
    color:#fff;
}
.columnCommonStylesWrap>div .columnCommonStylesRight{
    width: 964px;
    min-height:672px;
    background-color: #fff;
    padding:16px;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTab{
    height: 48px;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTab ul{
    height: 32px;
    border-bottom: 1px solid #E5E5E5;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTab ul li{
    min-width: 96px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    /*font-weight: 400;*/
    color: #3e464c;
    margin-right: 24px;
    float: left;
    border-radius: 4px 4px 0px 0px;
    cursor: pointer;
}
.columnCommonStylesTabActiveLeft {
    background-color: #167AE0 !important;
    color:#fff !important;
}
.columnCommonStylesTabActive{
    min-width: 110px !important;
    /*background-color: #167AE0 !important;*/
    /*color:#fff !important;*/
    font-weight: bold;
    border-bottom: 5px solid #167AE0 !important;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTitle{
    height: 50px;
    line-height: 50px;
    background-color: #F5F5F5;
    font-size: 14px;
    font-weight: 600;
    color: #3e464c;
    padding:0 20px;
    border-bottom: 1px solid #E5E5E5;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTitle:hover{
    background-color:#F5F5F5;
    color:#3e464c;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl{
    min-height: 450px;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li{
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #3e464c;
    padding:0 20px;
    border-bottom: 1px solid #E5E5E5;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li span,.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTitle span{
    float: left;
    text-align: center;
}

.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li span:nth-of-type(1),.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTitle span:nth-of-type(1){
    width: 80%;
    text-align: left;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li span:nth-of-type(2),.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesTitle span:nth-of-type(2){
    width: 20%;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li:hover{
    background-color:#edf6fc;
}
.columnCommonStylesWrap>div .columnCommonStylesRight .columnCommonStylesUl li:hover a{
    color:#167AE0;
}